﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" ResponseEncoding="utf-8" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>河南省气象预警信息管理系统</title>
    <link href="<%= ZPath.StylesURI %>Style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .iframe
        {
            border: 0px none;
            background-color: #BBBBBB;
            text-align: center;
            width: 100%;
            height: 100%;
        }
    </style>
    <link href="<%= ZPath.ScriptsURI %>EXT/ext-3.4.0/resources/css/ext-all.css" rel="stylesheet"
        type="text/css" />
    <script type="text/javascript" src="<%= ZPath.ScriptsURI %>EXT/ext-3.4.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="<%= ZPath.ScriptsURI %>EXT/ext-3.4.0/ext-all.js"></script>
    <script type="text/javascript">
    Ext.onReady(function(){
       Ext.BLANK_IMAGE_URL="<%= ZPath.ScriptsURI %>EXT/ext-3.4.0/resources/images/default/s.gif";     
       var viewport = new Ext.Viewport({
            layout:'border',
            items:[ {
                region:'west',
                id:'west',
                //el:'panelWest',
                title:'菜单导航',
                split:true,
                width: 200,
                minSize: 200,
                maxSize: 400,
                collapsible: true,
                margins:'60 0 2 2',
                cmargins:'60 0 2 2',
                layout:'fit',
                layoutConfig:{ activeontop:true},
                defaults: { bodyStyle: 'margin:0;padding:0;'},            
                items:
                    new Ext.TabPanel({
                        border:false,
                        activeTab:0,
                        tabPosition:'bottom',
                        items:[
                               {  layout:'accordion',layoutConfig:{animate:true }, 
                                  title:'预警分析',
                                  autoScroll:false,
                                  border:false,
                                  bodyStyle:'padding:0px; width:100%;margin:0px;',
                                  items:[<%=  GetMenuString() %>]
                               },{          
                               el:'west_content',                   
                                title:'快捷菜单',
                                autoScroll:true,
                                bodyStyle:'padding:5px;'                             
                               }]
                     })
            },
            {
                region:'center',
                el:'center',
                deferredRender:false,
                margins:'60 0 2 0',
                html:'<iframe id="center-iframe" name="main" class="iframe" src="SLForMap.aspx"  frameborder="0" scrolling="auto" ></iframe>',
                autoScroll:true 
            },
            {
                region:'south',
                margins:'0 0 0 2',
                border:false,
                html:'<div class="menu south">Copyright © 2013-2015 河南省气象局版权所有 </div>'
               }
            ]
        });        
        setTimeout(function(){
        Ext.get('loading').remove();
        Ext.get('loading-mask').fadeOut({remove:true});
        }, 250)
    });
    </script>
    <base target="_self" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="loading-mask" style="">
    </div>
    <div id="loading">
        <div class="loading-indicator">
            <img src="<%= ZPath.ScriptsURI %>EXT/ext-3.4.0/resources/images/default/grid/loading.gif"
                width="32" height="32" style="margin-right: 8px;" alt="Loading" />Loading...</div>
    </div>
    <div id="header">
        <h1>
            河南省气象预警信息管理系统</h1>
    </div>
    <div class="menu">
        <span style="float: left; width: 104px;">欢迎&nbsp;&nbsp;<b><%=ZASession.MemberName%></b> &nbsp;&nbsp;</span>
        <span id="aLoginOut" runat="server" style="float: right"><a href="zhima.aspx?Action=Logout">
            注销</a></span>
    </div>
    <div id="west">
    </div>
    <div id="center">
    </div>
    <div id="west_content" style="height: 300px;">
    </div>
    </form>
</body>
</html>
